<!--
  @author chongw
  @since 2021/05/27
-->
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head th:include="common/common::jscss"/>
<style>
    body .demo-class .layui-layer-btn .layui-layer-btn0{background:#1AA094;}
</style>
<body>

<!--页面顶层div-->
<div class="layui-fluid">

    <!--面包屑-->
    <blockquote class="layui-crumb">
        系统安全>
        <a th:href="'/brs/scene/list.action'" >监控配置</a>
    </blockquote>

    <!--页面板块
        通常情况下一个页面只有一个板块，
        列表页的一个板块内包含搜索条件、表格、表格工具条、分页导航，
        详情页的一个板块内包含详情列表、表单和按钮栏
        -->
    <div class="layui-card">

        <!--表单样式统一为layui-form(必需样式)-->
        <form method="POST" class="layui-form" id="zmn-form" lay-filter="zmn-form" action="/brs/scene/list.action">
            <!--页面内容的子模板引用使用replace方式
                替换当前标签
                -->
            <div th:replace="scene/_query::query"/>
        </form>

        <!--页面板块内容
            通常为详情列表、表单内容或表格
            -->
        <div class="layui-card-body">

            <!--页面内容的子模板引用使用replace方式
                替换当前标签
                -->
            <div th:replace="scene/_table::table"/>

            <!--表格工具条
                id属性统一定义为zmn-table-tool
                功能相似的按钮置于同一组内(layui-btn-group)，
                重要的功能按钮使用默认按钮(如以下“启用”和“停用”按钮)，
                次要的功能按钮使用原始按钮(如以下“新增报表数据源”按钮，加入样式layui-btn-primary)
                -->
            <script type="text/html" id="zmn-table-tool">
                <div class="layui-btn-container">
                    <button class="layui-btn layui-btn-sm" lay-event="start" th:if="${#authPermit.checkPermit('/scene/add_scene.action')}">启用</button>
                    <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="stop" th:if="${#authPermit.checkPermit('/scene/add_scene.action')}">停用</button>
                </div>
            </script>
        </div>
    </div>
</div>
<!--主js代码置于html外-->
<script type="text/javascript" th:inline="javascript">
    // js参数传值变量统一命名为json
    let json = {
        totalCount: [[${vo.totalCount}]],
        pageSize: [[${vo.pageSize}]],
        pageIndex: [[${vo.pageIndex}]]
    };
    layui.config({
        version: webApp.version,
        base: "/static/lay/"
    }).extend({
        index: "lib/index",
        scene_list: "scene/zmn.scene.list"
    }).use(['index', 'scene_list']);

</script>
</body>
</html>
